.titulos {
	    font-family: "font_titulo";
	    text-align: center;
	    top:30px;
	    width: 100%;
	    display: inline-block;
	    line-height: 1.2;
	    /*text-shadow: 3px 3px 5px rgba(0,0,0,0.5);*/
	    /*  text-shadow: 2px 2px 2px 2px 2px rgba(255,255,255,1); */
        text-shadow:
            -2px -2px 0 #FFF,
            2px -2px 0 #FFF,
            -2px 2px 0 #FFF,
            2px 2px 0 #FFF;
}

.textos {
	    font-family: "font_texto";
	    text-align: center;
	    top:205px;
	    width: 100%;
	    line-height: 1.4;
}
.legendas {
	    font-family: "font_legenda";
	    text-align: center;
	    top:530px;
	    width: 100%;
	    display: inline-block;
	    line-height: 1.0;
}

.grid1 {
		display: inline-block!important;
		width: 68%;
		left: 16%;

}

.grid-intro {
		display: inline-block!important;
		width: 50%;
		margin-left: 25%;

}

.grid-menu-off {


}

.grid-menu-on {

        width: 52%;
        margin-left: 24%; 
        bottom: 100px;
}
.grid-menu-left {

        width: 45%;
        margin-left: 6%; 
        bottom: 150px;      
}
.grid-menu-right {

        width: 45%;
        margin-left: 49%;  
        margin-right: 6%;
        bottom: 150px;
}


.grid2 {
		display: inline-block!important;
		width: 38%;
		left:110px;
		text-align: left;
}

.grid3 {
		display: inline-block!important;
		width: 38%;
		left:525px;
		text-align: left;
}

.pagina_bg_esquerdo {
	position: absolute;
    top:175px;
    left:60px;
    width: 480px;
    height: 500px;
 	background-image: url("../img/ui/bg_box_pequeno.png");
    background-repeat: no-repeat;
    background-position: top;    
}

.pagina_bg_direito {
	position: absolute;
    top:175px;
    left:475px;
    width: 480px;
    height: 500px;
 	background-image: url("../img/ui/bg_box_pequeno.png");
    background-repeat: no-repeat;
    background-position: top;    
}

.pagina_bg_central {
	position: absolute;
    top:175px;
    width: 100%;
    height: 70%;
 	background-image: url("../img/ui/bg_box_central.png");
    background-repeat: no-repeat;
    background-position: top;
}

.pagina_bg_grande {
	position: absolute;
    top:175px;
    width: 100%;
    height: 70%;
 	background-image: url("../img/ui/bg_box_grande.png");
    background-repeat: no-repeat;
    background-position: top;
}

.pagina_bg_intro {
	position: absolute;
	text-align: center;
    top:175px;
    width: 100%;
    height: 77%;
 	background-image: url("../img/ui/bg_box_intro.png");
    background-repeat: no-repeat;
    background-position: top center;
}

.ImagemPgEsquerda {
    display:block;
	position: absolute;
    top:150px;
    left: 0px;
    width: 100%!important;
    height: 80%;
    background-repeat: no-repeat;
    background-position: left top!important;
}

.ImagemPgDireita {
	display:block;
    position: absolute;
    top:150px;
    width: 50%!important;
    left: 50%;
    height: 80%;
    background-repeat: no-repeat;
    background-position: left top!important;
}

.ImagemPgCentral {
	display:block;
    position: absolute;
    top:150px;
    width: 100%!important;
    height: 80%;
    background-repeat: no-repeat;
    background-position: top!important;
}

.ImagemCapa {
    display:block;
    position: absolute;
    top: 3%;
    left: 0%;

    width: 100%!important;
    height: 100%!important;
    background-repeat: no-repeat;
    background-position: center top!important;
}

.ImagemPagina {
	display:block;
    position: absolute;
    top:150px;
    width: 100%;
    background-repeat: no-repeat;
}

.SemImagemPagina {
    display:none;
}

#ImgTextoAPG5 {

background-position: center;
text-align: -webkit-center;

}

#ImgTextoBPG5 {
background-position: center;
text-align: -webkit-center;
    
}

#ImgTextoAPG6 {

background-position: center;
text-align: -webkit-center;

}

#ImgTextoBPG6 {
background-position: center;
text-align: -webkit-center;
    
}


#ImgTextoCenter {
    height: 100%;
background-position: center;
text-align: -webkit-center;
}

.TituloPg{
    position: absolute;

}
.Texto01Pg{
    position: absolute;
    height: 360px;
    /*background-color: azure;*/
    display: none;

}
.Texto02Pg{
    position: absolute;
    height: 360px;
    /*background-color: azure;*/
    display: none; 
}
.LegendaPg{
    position: absolute;

}

#ico_bg_baixo_abertura {
    width:100%;
    height:100%;
    background: url("../img/ui/bg_baixo_abertura.png") no-repeat;
    position: absolute;
    top: 380px;
    z-index:1;

}

#ico_bg_baixo {
    width:100%;
    height:255px;
    background: url("../img/ui/bg_baixo.png") no-repeat;
    position: absolute;
    bottom: -255px;
    z-index:1;

}

#ico_btIniciar {
    position:absolute;

    left:365px;
}

#ico_btIniciar:active{

}

#ico_tip_oed{
    width: 100%;
    position: absolute;
    margin-top:18px;
    margin-left:20px;
}

#ico_setinhas_direita{
    position: absolute;
    top:48%;
    right: 2px;
    display: none;
    z-index: 3;
}

#ico_setinhas_esquerda {
   position: absolute;
    top:48%;
    left:2px;
    display: none;
    z-index: 3;
}

.ImagemFundo {
    background:url(../img/ui/bg.jpg) !important;
    background-repeat:no-repeat !important;
    width: 1024px; height: 768px; position: relative; overflow: hidden;background: none;
    top: 0;
    left: 0;
}

#ImagemFundoCapa {
    background:url(../img/ui/bg-capa.jpg) !important;
    background-repeat:no-repeat !important;
    width: 1024px; height: 768px; position: relative; overflow: hidden;background: none;
    top: 0;
    left: 0;
}


#ico_ImagemPg0{width:967px;height:483px;background: url("../img/ImagemPg0.png") no-repeat;}
/*#ico_ImagemPg1{width:564px;height:474px;background: url("../img/ImagemPg1.png") no-repeat;}*/
#ico_ImagemPg2{width:564px;height:600px;background: url("../img/ImagemPg2.png") no-repeat;}
#ico_ImagemPg3{width:410px;height:720px;background: url("../img/ImagemPg3.png") no-repeat;}
#ico_ImagemPg4{width:400px;height:720px;background: url("../img/ImagemPg4.png") no-repeat;}
#ico_ImagemPg5{}
#ico_ImagemPg6{width:564px;height:474px;background: url("../img/ImagemPg6.png") no-repeat;}

#ico_ImgTextoPg5a {
     background:url(../img/ui/btPergunta.png) !important;
     width: 223px;
     height:182px;
}
#ico_ImgTextoPg5b {
     background:url(../img/ui/btPergunta.png) !important;
     width: 223px;
     height:182px;
}

#ico_ImgTextoPg5a:active,#ico_ImgTextoPg5a.active{
     background:url(../img/ui/btVisto.png) !important;
     width: 223px;
     height:182px;
     z-index: 2;
}
#ico_ImgTextoPg5b:active,#ico_ImgTextoPg5b.active{
     background:url(../img/ui/btVisto.png) !important;
     width: 223px;
     height:182px;
}


#FeedbackPositivo{
    position: absolute;
    top:0%;
    left:0%;
    display: none;
    width: 100%;
    height:100%;
    z-index: 3;
    background-color: rgba(0,0,0,0.7);
}

#FeedbackNegativo{
        position: absolute;
    top:0%;
    left:0%;
    display: none;
    width: 100%;
    height:100%;
    z-index: 3;
    background-color: rgba(0,0,0,0.7);
}

#BgPgPositivo{
    position: absolute;
    top:175px;
    width: 100%;
    height: 70%;
    background-image: url("../img/ui/bg_box_central.png");
    background-repeat: no-repeat;
    background-position: top;
}
#BgPgNegativo{
    position: absolute;
    text-align: center;
    top:175px;
    width: 100%;
    height: 77%;
    background-image: url("../img/ui/bg_box_central.png");
    background-repeat: no-repeat;
    background-position: top center;
}

#TituloPgPositivo{ 
    position: absolute;
    top: 220px;
    font-size: 70px;

}

#Texto01PgPositivo{
    position: absolute;
    font-size: 45px;
    display: block;
    width: 50%;
    left: 25%;
    top: 310px;
    color: white;
}

#ico_btVoltar,.btVoltar{
    position: absolute;
    top: 504px;
    left: 364px;
    cursor:pointer;
    background-image: url("../img/ui/btVoltar.png");
    width: 301px;
    height:116px;
}
#ico_btVoltar:active,#ico_btVoltar.active,#ico_btVoltar:hover,.btVoltar:active,.btVoltar:hover{
    cursor:pointer;
    background-image: url("../img/ui/btVoltar_active.png");
    width: 301px;
    height:116px;
}

#TituloPgNegativo{ 
    position: absolute;
    top: 220px;
    font-size: 70px;

}

#Texto01PgNegativo{
    position: absolute;
    font-size: 45px;
    display: block;
    width: 50%;
    left: 25%;
    top: 310px;
    color: white;
}